<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图像标签</title>
</head>
<body>
   <h2>图像标签的显示:</h2>
   <img src="../images/pkj.jpeg"/>
   <h2>alt 替换文本 图像显示不出来的时候用文字替换</h2>
   <img src="../images/pkj.jpeg" alt="皮卡丘"/>
   <h2>title 提示文本 鼠标放到图像上，提示的文字</h2>
   <img src="../images/pkj.jpeg" alt="皮卡丘" title="皮卡丘"/>

   <h2>width 给图像设置宽度</h2>
   <img src = "../images/pkj.jpeg" alt="皮卡丘" title="皮卡丘"
        width="500px"/>

   <h2>height 给图像设置高度</h2>
   <img src = "../images/pkj.jpeg" alt="皮卡丘" title="皮卡丘"
        height="300px"/>

   <h2>border 给图像设置边框</h2>
   <img src = "../images/pkj.jpeg" alt="皮卡丘" title="皮卡丘"
        height="300" border="15"/>
<!--高度和宽度尽量设置一个，让它等比列缩放，以免图片失真-->
</body>
</html>